<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ruiyou_admin</title>
<script src="js/jquery-1.8.3.min.js"></script>
<link href="css/default01.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body{
	background-color:#EEE;
	font:16px '微软雅黑';
	letter-spacing:2px;
}
#wrap{
	width:1200px; height:auto;
	position:relative;
	background-color:#EEE;
}
#menu_1{
	width:300px; height:800px;
	position:absolute;
	top:10px; left:10px;
	background-color:#FFD;
}
#menu_1 ul{
	list-style:none;
	margin:0; padding:0;
}
#menu_1 li{
	width:100%; height:auto;
	border-bottom:#FFF 1px solid;
}
#menu_1 li a{
	width:100%; height:35px;
	padding:15px 0 0 0;
	display:block;
	background-color:#90F;
	cursor:default;
	color:#FFF;
}
#menu_2{
	width:900px; height:50px;
	position:absolute;
	top:10px; left:315px;
	background-color:#FFE;
	color:#FFF;
	background-color:#90F;
	border-right:#90F 2px solid;
	border-left:#90F 2px solid;
}
#menu_2 ul{
	position:absolute;
	top:0px; left:0px;
	width:402px;
	list-style:none;
	margin:0; padding:0;
}
#menu_2 li{
	width:auto; height:auto;
}
#menu_2 li a{
	text-align:center;
	width:200px;; height:35px;
	padding:15px 0 0 0;
	display:block;
	background:#93C;
	cursor:default;
	float:left;
}
#menu_2_li a:hover{
	background-color:#000;
}
#li2_1{
	border-right:#000 1px solid;
}
#select_part{
	width:498px; height:50px;
	position:absolute;
	top:0px; right:0px;
	margin:0; padding:0;
	padding-top:8px;
}
#iframe_div{
	width:900px; height:700px;
	position:absolute;
	top:60px; left:315px;
	background-color:#FFD;
	border-top:0;
	border-right:#90F 2px solid;
	border-left:#90F 2px solid;
}
#form01{
	border:#03F 1px solid;
	width:370px; height:30px;
	margin-right:20px;
	background-color:#FFD;
	overflow:hidden;
}
</style>
</head>

<body onload="start()"><center>
<div id="wrap" align="center">

<div id="menu_1" align="center">
<ul>
<li id="li1_1" onclick="fun_change('li1_1')"><a>面试安排</a></li>
<li id="li1_2" onclick="fun_change('li1_2')"><a>设备管理</a></li>
<li id="li1_3" onclick="fun_change('li1_3')"><a>游戏评测</a></li>
</ul>
</div>

<div id="menu_2" align="left">
<ul id="ul1_1">
<li><a id="li2_1" onclick="change_menu_2('li2_1')">待面试</a></li>
<li><a id="li2_2" onclick="change_menu_2('li2_2')">面试记录</a></li>
</ul>

<ul id="ul1_2">
<li><a>设备管理</a></li>
<li><a></a></li>
</ul>

<ul id="ul1_3">
<li><a>游戏评测</a></li>
<li><a></a></li>
</ul>

<div id="select_part" align="right">
<form action="iframe/interview_iframe_select.php" method="post" target="iframe" id="form01">
<input type="text" name="keyword" class="text01" /><input type="submit" value="搜索" onclick="change_menu_2(0)" name="select_submit" class="button01"/>
</form>
</div>

</div>

<div id="iframe_div" align="center">
<iframe id="iframe" name="iframe" scrolling="auto" src="iframe/interview_iframe_1.php" frameborder="0" width="100%" height="100%">
</iframe>
</div>

</div>
</center></body>
<script language="javascript">
var menu_2_content=$("#menu_2").html();
var menu_1=document.getElementById('menu_1');
var iframe_div=document.getElementById('iframe_div');	
var all_height=document.documentElement.clientHeight;
	
menu_1.style.height=all_height-20+'px';
iframe_div.style.height=all_height-70+'px';

ul_display("ul1_1");
$("#li2_1").css("background-color","#FFD").css("color","#93C");
	
function fun_change(id){
	if(id=="li1_1"){
		document.getElementById('form01').action="./iframe/interview_iframe_select.php";
		change_menu_2("li2_1");
		ul_display("ul1_1");
	}else if(id=="li1_2"){
		document.getElementById("iframe").src="./iframe/device_iframe_1.php";
		document.getElementById('form01').action="./iframe/device_iframe_select.php";
		ul_display("ul1_2");
	}else if(id=="li1_3"){
		document.getElementById("iframe").src="./iframe/judge_iframe_1.php";
		document.getElementById('form01').action="./iframe/judge_iframe_select.php";
		ul_display("ul1_3");
	}else{
		alert("error");
	}
	
}
function change_menu_2(id){
	$("#ul1_1 a").css("background-color","#93C").css("color","#FFD");
	$("#"+id).css("background-color","#FFD").css("color","#93C");;
	/*
	document.getElementById('li2_1').style.backgroundImage="url(./image/color2.jpg)";
	document.getElementById('li2_2').style.backgroundImage="url(./image/color2.jpg)";
	document.getElementById(id).style.backgroundImage="#FFD";
	/
	*/
	
	if(id=="li2_1"){
		document.getElementById('iframe').src="./iframe/interview_iframe_1.php";
	}else if (id=="li2_2"){
		document.getElementById('iframe').src="./iframe/interview_iframe_2.php";
	}else{
	}
}
function ul_display(id){
	$("#menu_2 ul").css("display","none");
	$("#"+id).css("display","block");
}
</script>
</html>